<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>查看请假进度</title>
    <style type="text/css">
        xy-td {
            justify-content: center;
        }
    </style>

    <script charset="utf-8" src="../tools/jquery-3.6.0.min.js" type="text/javascript"></script>
</head>
<body>

<script type="module">
    import '../xy-ui/index.js';
</script>

<!--我们现在要查出某个学生为没有通过审核的信息，并显示到前端页面-->

<xy-table thead="请假编号,学号,姓名,请假时段,请假事由,请假课程,任课老师,辅导员,审核状态,操作">
    <xy-tr th:each="item:${list}">
        <!-- 让单元格居中 -->
        <xy-td th:text="${item.leId}"></xy-td>
        <xy-td th:text="${item.id}"></xy-td>
        <xy-td th:text="${item.name}">谭熙</xy-td>
        <xy-td th:text="${item.duringDate}">2021/07/24至2021/07/30</xy-td>
        <xy-td th:text="${item.reason}">回家种田</xy-td>
        <xy-td th:text="${item.course}">信息资源管理</xy-td>
        <xy-td th:text="${item.teacher}">张海涛</xy-td>
        <xy-td th:text="${item.counselor}">张雪笛</xy-td>
        <xy-td th:if="${item.status} =='0'">未审核</xy-td>
        <xy-td th:if="${item.status} =='1'">老师审核通过</xy-td>
        <xy-td th:if="${item.status} =='2'">老师未通过</xy-td>
        <xy-td th:if="${item.status} =='3'">已通过</xy-td>
        <xy-td th:if="${item.status} =='4'">辅导员未通过</xy-td>
        <xy-td>
            <xy-button th:key="${item.leId}" type="danger">催一催老师</xy-button>
        </xy-td>
    </xy-tr>
</xy-table>
<!--
这两个好像可以和在一起，但是为了分工明确，我们还是把它们分开，一个会显示已通过的请假申请，只有通过的可以销假
而这个显示的是未通过的申请 -->

<script type="text/javascript">
    $("xy-button[type='danger']").click(function () {
        let leId = $(this).attr("key");
        // this表示当前点击的按钮, 我们要点击的按钮的key
        XyDialog.confirm({
            title: '催审',
            oktext: '发送',
            canceltext: '取消',
            type: 'warning',
            ok: function () {
                // ok我们会发送一条短信，模板还没申请，现在申请一下
                $.get("/send/urge", {leId: leId}, function () {
                    XyMessage.success("短信提醒发送成功")
                }).error(function () {
                    XyMessage.error("发送失败了,请稍后重试");
                })
            },
            cancel: function () {
                XyMessage.warning("你取消了提醒")
            },
            content: '此操作会给老师发送一条提示消息，你确认吗？'
        });
    });
</script>
</body>
</html>
